<div class="row" ng-show="hideSystem">
    <div class="col-lg-2 col-md-3 col-xs-6">
        <!-- small box -->
        <div class="small-box bg-aqua">
            <div class="inner">
                <h3>
                    {{statistics.leiloes_opened}}
                </h3>
                <p>
                    Em Andamento
                </p>
            </div>
            <div class="icon">
                <i class="fa fa-legal"></i>
            </div>
            <a href="#/leilao" class="small-box-footer">
                Mais Informa&ccedil;&otilde;es <i class="fa fa-arrow-circle-right"></i>
            </a>
        </div>
    </div><!-- ./col -->
    
    <div class="col-lg-2 col-md-3 col-xs-6">
        <!-- small box -->
        <div class="small-box bg-green">
            <div class="inner">
                <h3>
                    {{statistics.users_online}}
                </h3>
                <p>
                    Usu&aacute;rios Conectados
                </p>
            </div>
            <div class="icon">
                <i class="ion ion-person"></i>
            </div>
            <a coc-click-prevent href="#" class="small-box-footer">
                Mais Informa&ccedil;&otilde;es <i class="fa fa-arrow-circle-right"></i>
            </a>
        </div>
    </div><!-- ./col -->
    <div class="col-lg-2 col-md-3 col-xs-6">
        <!-- small box -->
        <div class="small-box bg-yellow">
            <div class="inner">
                <h3>
                    {{statistics.num_users}}
                </h3>
                <p>
                    Usu&aacute;rios Registrados
                </p>
            </div>
            <div class="icon">
                <i class="ion ion-person-add"></i>
            </div>
            <a  href="#" class="small-box-footer">
                Mais Informa&ccedil;&otilde;es <i class="fa fa-arrow-circle-right"></i>
            </a>
        </div>
    </div><!-- ./col -->
    <div class="col-lg-2 col-md-3 col-xs-6">
        <!-- small box -->
        <div class="small-box bg-red">
            <div class="inner">
                <h3>
                    65
                </h3>
                <p>
                    Visitas unicas
                </p>
            </div>
            <div class="icon">
                <i class="ion ion-pie-graph"></i>
            </div>
            <a href="#" class="small-box-footer">
                Mais Informa&ccedil;&otilde;es <i class="fa fa-arrow-circle-right"></i>
            </a>
        </div>
    </div><!-- ./col -->
    
    <div class="col-lg-2 col-md-3 col-xs-6">
        <!-- small box -->
        <div class="small-box bg-blue">
            <div class="inner">
                <h3>
                    {{statistics.num_leiloes}}
                </h3>
                <p>
                    Total de Leil&otilde;es
                </p>
            </div>
            <div class="icon">
                <i class="fa fa-list"></i>
            </div>
            <a href="#" coc-click-prevent target="_self" ng-click="getAllStatistcs()" class="small-box-footer">
                Mais Informa&ccedil;&otilde;es <i class="fa fa-arrow-circle-right"></i>
            </a>
        </div>
    </div><!-- ./col -->
    
</div><!-- /.row -->
